<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title>呼叫云</title>
    <script>
    	$(function(){
    		$.ajax({
		 		url:serviceConfig.role.getMenuList,
		 		type: "get",
		        data:{
		        }, 
		        dataType: "json",
		        success:function(data){
		        	//console.log(data);
			       	if(data.flag == '1'){
			       		 var menuList = data.menuList;
			       		 var html = "";
			       		 var indexUrl = "index";
			       		 html += '<li class="home"><a href="#" onclick="realLocationUrl(\''+indexUrl+'\')" class="icon-home"> 首页</a>'
							+'<ul>'
							+'<li class="active"><a href="#" onclick="realLocationUrl(\''+indexUrl+'\')">首页</a></li>'
							+'</ul>'
							+'</li>';
			       		 for(var i = 0 ;i < menuList.length ; i++){
			       			 html += '<li class="'+menuList[i].icon+'0"><a href="#" onclick="realLocationUrl(\''+menuList[i].link+'\')" class="'+menuList[i].icon+'"> '+menuList[i].showName+'</a>'
								+'<ul>'
								var children = menuList[i].children;
								for(var j = 0 ;j < children.length ; j++){
									html += '<li class="'+menuList[i].icon+j+'"><a href="#" onclick="realLocationUrl(\''+children[j].link+'\')">'+children[j].showName+'</a></li>'
								}
								html += '</ul>'
								+'</li>';
			       		 }
			       		 $("#menu").html("");
			       		 $("#menu").html(html);
			       		 
			       		 //选中菜单
			       		 checkedMenu();
			       	}
		        },
		        error:function(data){
		       	 console.log(data);
		        }
			});
    	});
		function realLocationUrl(url){
			location.href=url;
		}
		function checkedMenu(){
			var showName = $("#showName").val();
			if(showName == 'home'){
				home();
			}else if(showName == 'user1'){
				user1();
			}else if(showName == 'user2'){
				user2();
			}else if(showName == 'user2'){
				user2();
			}else if(showName == 'tasks1'){
				tasks1();
			}else if(showName == 'tasks2'){
				tasks2();
			}else if(showName == 'money1'){
				money1();
			}else if(showName == 'money2'){
				money2();
			}else if(showName == 'money3'){
				money3();
			}else if(showName == 'role1'){
				role1();
			}else if(showName == 'role2'){
				role2();
			}else if(showName == 'role3'){
				role3();
			}else if(showName == 'cloud1'){
				cloud1();
			}else if(showName == 'cloud2'){
				cloud2();
			}
		}
		function home(){
			$(".home").addClass("active");
			$(".home").nextAll().removeClass("active");
			$(".home").prevAll().removeClass("active");
		}
		function user1(){
			$(".icon-user0").addClass("active");
			$(".icon-user0").nextAll().removeClass("active");
			$(".icon-user0").prevAll().removeClass("active");
		}
		function user2(){
			$(".icon-user0").addClass("active");
			$(".icon-user0").nextAll().removeClass("active");
			$(".icon-user0").prevAll().removeClass("active");
			$(".icon-user1").addClass("active");
			$(".icon-user1").nextAll().removeClass("active");
			$(".icon-user1").prevAll().removeClass("active");
		}
		function tasks1(){
			$(".icon-tasks0").addClass("active");
			$(".icon-tasks0").nextAll().removeClass("active");
			$(".icon-tasks0").prevAll().removeClass("active");
		}
		function tasks2(){
			$(".icon-tasks0").addClass("active");
			$(".icon-tasks0").nextAll().removeClass("active");
			$(".icon-tasks0").prevAll().removeClass("active");
			$(".icon-tasks1").addClass("active");
			$(".icon-tasks1").nextAll().removeClass("active");
			$(".icon-tasks1").prevAll().removeClass("active");
		}
		function money1(){
			$(".icon-money0").addClass("active");
			$(".icon-money0").nextAll().removeClass("active");
			$(".icon-money0").prevAll().removeClass("active");
		}
		function money2(){
			$(".icon-money0").addClass("active");
			$(".icon-money0").nextAll().removeClass("active");
			$(".icon-money0").prevAll().removeClass("active");
			$(".icon-money1").addClass("active");
			$(".icon-money1").nextAll().removeClass("active");
			$(".icon-money1").prevAll().removeClass("active");
		}
		function money3(){
			$(".icon-money0").addClass("active");
			$(".icon-money0").nextAll().removeClass("active");
			$(".icon-money0").prevAll().removeClass("active");
			$(".icon-money2").addClass("active");
			$(".icon-money2").nextAll().removeClass("active");
			$(".icon-money2").prevAll().removeClass("active");
		}
		function role1(){
			$(".icon-user-md0").addClass("active");
			$(".icon-user-md0").nextAll().removeClass("active");
			$(".icon-user-md0").prevAll().removeClass("active");
		}
		function role2(){
			$(".icon-user-md0").addClass("active");
			$(".icon-user-md0").nextAll().removeClass("active");
			$(".icon-user-md0").prevAll().removeClass("active");
			$(".icon-user-md1").addClass("active");
			$(".icon-user-md1").nextAll().removeClass("active");
			$(".icon-user-md1").prevAll().removeClass("active");
		}
		function role3(){
			$(".icon-user-md0").addClass("active");
			$(".icon-user-md0").nextAll().removeClass("active");
			$(".icon-user-md0").prevAll().removeClass("active");
			$(".icon-user-md2").addClass("active");
			$(".icon-user-md2").nextAll().removeClass("active");
			$(".icon-user-md2").prevAll().removeClass("active");
		}
		function cloud1(){
			$(".icon-cloud0").addClass("active");
			$(".icon-cloud0").nextAll().removeClass("active");
			$(".icon-cloud0").prevAll().removeClass("active");
		}
		function cloud2(){
			$(".icon-cloud0").addClass("active");
			$(".icon-cloud0").nextAll().removeClass("active");
			$(".icon-cloud0").prevAll().removeClass("active");
			$(".icon-cloud1").addClass("active");
			$(".icon-cloud1").nextAll().removeClass("active");
			$(".icon-cloud1").prevAll().removeClass("active");
		}
	</script>
</head>
<body>
			<input type="hidden" id="showName" value="" />
            <ul id="menu" class="nav nav-inline admin-nav">
            
			</ul>        
</body>
</html>